<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html> 
<head> 
	<title>Main Page of Sample Chart with jQuery Mobile</title> 
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
	<script type="text/javascript" src="Charts/jquery.min.js"></script>
	<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
	<script type="text/javascript" src="Charts/FusionCharts.js" ></script> 
	<script type="text/javascript" src="Charts/FusionCharts.jqueryplugin.js" ></script>
</head> 
<body>

<div data-role="header">
		<h1>Page Title</h1>
	</div><!-- /header -->

	<div data-role="content">	
		<p>Page content goes here.</p>	
		<a align="center" data-role="button" href="Sample.jsp">Click here to render the chart</a >	
	</div><!-- /content -->

	<div data-role="footer" data-position="fixed">
		<div data-role="navbar" data-iconpos="right">
			<ul>
				<li><a data-icon="back" data-rel="back">Back</a></li>
				<li><a href="" data-icon="arrow-l" class="ui-btn-active ui-state-persist">words</a></li>
				<li>
				<a href="<c:url value='/pages/sample/Sample.jsp'/>" data-icon="arrow-r" >charts</a>
				</li>
				<li></li>
			</ul>
		</div>
	</div><!-- /footer -->
</body>
</html>